/*

This is the custom CSS needed to create the slide formatting.

It is broken into 5 sections:
  1. Positioning Elements - creating footer and full width elements
  2. Font Sizes - creating font sizes
  3. Font Colors - creating colors for non title elements
  4. Title Colors - creating colors for just the title elements
  5. Background Colors - creating colors for the footer keys

*/

@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
/* Table Custom CSS */
.sum_table{
  border:none;
  background-color: white;
}




body {
  font-family: Arial, 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
  font-weight: 300;
  color: black;
}

.remark-slide-content {
  background-color: white;
  font-size: 22px;
  background-image: linear-gradient(to bottom right, rgb(70, 96, 116), rgb(93, 125, 149));
  background-size: 2% 100%;
  background-position: 0% 10%;
  padding: 1em 4em 1em 4em;
}

.remark-slide-content h1 {
    font-size: 32px;
    color: black;
    padding-bottom: 16px;
    font-family: oswald, sans-serif;
    font-weight: lighter;

}
.remark-slide-content h2 {
    font-size: 26px;
}
.remark-slide-content h3 {
    font-size: 24px;
}

.remark-code, .remark-inline-code {
  font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace;
}
.remark-code {
  font-size: 10px;
}

/* Title Slide Elements */
.title-slide {
  background-image: linear-gradient(to bottom right, rgb(70, 96, 116), rgb(93, 125, 149));
  background-size: calc(100%) calc(100% - 149px);
  background-position: 0px 98px;
}
.title-slide h1 {
  text-shadow: none;
  color: white;
  margin-top: 300px;
  font-size: 42px;
  font-weight: lighter;
  float:right;
  font-family: oswald, sans-serif

}
.title-slide h2 {
  text-shadow: none;
  color: #6a6b6c;
  margin-top: 350px;
  margin-left: -550px;
  font-size: 18px;
  font-style: italic;
  float:left;

}

.title-img {
  margin-left: -70px;
  margin-top: 76px;
}
/* Positioning Elements */
div.footer {
    position: absolute;
    bottom: 2%;
    height: 20px;
    width: 100%;
  }

.pull-left {
  float: left;
  width: 47%;
}
.pull-right {
  float: right;
  width: 47%;
}
.more-left {
  float: left;
  width: 60%;
}
.more-right {
  float: right;
  width: 60%;
}
.less-left {
  float: left;
  width:37%;
}
.less-right {
  float: right;
  width: 37%;
}

.full-width {
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  }

/* Font Sizes */
.small {
  font-size: 60%;
  }
.medium {
  font-size: 70%;
  }
.large {
  font-size: 110%;
  }
.verylarge {
  font-size: 135%;
  }
/* Font Colors */
.white {
  color: white;
  }
.lightgrey {
  color: #595959;
  }
.green {
  color: #548235;
}
.orange{
  color: #f4b184;
}
.blue{
  color: #305496;
}
.teal{
  color: #096a90;
}
.navy{
  color: #002060;
}

.note_row {
  border:none;
  background-color: white;
  font-size: 40%;
  color: #7f7f7f;
  text-align: center !important; 
}

.title_row {
  color: #595959;
  border:none;
  font-size: 60%;
  background-color: white;
  text-align: center !important;

}

@page { margin: 0; }
@media print {
  .remark-slide-scaler {
    width: 100% !important;
    height: 100% !important;
    transform: scale(1) !important;
    top: 0 !important;
    left: 0 !important;
  }
}

.remark-slide-scaler{
  overflow: hidden !important;
}